@charset "utf-8";
*{
    margin: 0;
    padding: 0;
}
body,html{
    font-family: "微软雅黑";
    height: 100%;
}
ul li{
    list-style: none;
}
img{
    border: none;
}
a,a:hover{
    text-decoration: none;
}
.event,.index{
    height: 100%;
}
#ev_01{
    width: 100%;
    height: 100%;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/ev1.png',sizingMethod='scale');*/
}

#ev_02{
    width: 100%;
    height: 100%;   
    position: relative;
    overflow: hidden;
    background: yellow;
}
#ev_03{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: green;
}
#ev_04{
    background: white;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
#ev_05{
    width: 100%;
    height: 100%;
    background: white;
    overflow: hidden;
    position: relative;
}
/*第一屏*/

.ev_bg1{
    width: 100%;
    /*height: 100%;*/
    position: absolute;
    top: 0;
    left: 0;
}
.ev1_main{
    width: 1000px;
    height: 300px;
    margin: 15% auto;
    position: relative;

}
.ev1_main img{
    width: 140px !important;
    
}
.down_line{
    width: 188px;
    height: 249px;
    position: absolute;
    top: 55px;
    left: 0px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.up_line{
    width: 188px;
    height: 249px;
    position: absolute;
    top: 55px;
    left: 880px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.ev1_main img{
    width: 80%;
}
/*第二屏*/
.ev_bg2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.ev2_main{
    width: 1200px;
    height: 500px;
    margin: 5% auto;
    position: relative;
}
.ev2_title{
    position: absolute;
    top: -20%;
    left: 45%;
    color: #2b76dd;
    font-size: 28px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}
.title2{
    position: absolute;
    top: 60px;
    left: 44%;
    color: #2b76dd;
    font-size: 16px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}
.slide_change{
    width: 1200px;
    height: 350px;
    position: absolute;
    top:300px;
    left: 0;
}
.focus{
    border: none !important;
}
.banner ul li img{
    width:803px;
    height: 280px;
}
.arrow1:hover,.arrow2:hover{
    opacity: .7;
    -moz-opacity: 0.7;
    -webkit-opacity: .7;
    filter: alpha(opacity=70);
}
/*第三屏*/
.ev3_bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.ev3_main{
    width: 1200px;
    height: 500px;
    position: relative;
    margin: 5% auto;
}
.ev3_title{
    position: absolute;
    top: -50px;
    left: 43%;
    color: #45737f;
    font-size: 28px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}
.title3{
    position: absolute;
    top: 60px;
    left: 60%;
    color: #45737f;
    font-size: 16px;
    text-align: center; 
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}
.title3 p{
    line-height: 30px;
}
.iconbg1{
    width: 200px;
    height: 400px;
    position: absolute;
    top: 180px;
    left: 150px;
}
.icon01{
    width: 200px;
}
.icon01:hover{
    opacity:.7;
    -moz-opacity: .7;
    -webkit-opacity:.7;
    filter: alpha(opacity=70);
    cursor: pointer;
}
.txts{
    text-align: center;
    font-size: 14px;
    margin-left: -25px;
    text-shadow: 1px 1px 10px white;
}
.txts p{
    line-height: 25px;
}
.first_p{
    font-size: 18px !important;
    padding-top: 15px;
    line-height: 30px !important;
}
.icon_02{
    left: 500px;
}
.icon_03{
    left: 850px;
}
.icon_01,.icon_02,.icon_03{
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}
.ev4_title{
    position: absolute;
    top: 0px;
    left: 0;
    color: #ffffff;
    font-size: 30px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    text-shadow: 1px 1px 5px cadetblue;
}
.title4{
    position: absolute;
    top: 60px;
    left: 100%;
    color: #ffffff;
    text-shadow: 0 0 5px cadetblue;
    font-size: 16px;
    text-align: center; 
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}
.title4 p{
    line-height: 30px;
}
.ev4_main{
    width: 1200px;
    height: 500px;
    position: relative;
    margin: 5% auto;
}
.pic1{
    position: absolute;
    width: 540px;
    top: 100%;
    left: 26%;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
/*第五屏*/
.ev5_main{
    width: 1200px;
    height: 500px;
    margin: 50px auto;
    position: relative;
    text-align: center;
}
.center_content{
    text-align: center;
    position: absolute;
    top:40%;
    left: 10%;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}
.big_title{
    color: #f98663;
    font-size: 25px;
}
.lit_title{
    font-size: 30px;
    line-height: 80px;
    color: #555555;
    cursor: pointer;
    
}
.lit_title font{
    color: #ff5400;
    font-size: 30px;
}
.GPS1,.GPS2,.GPS3,.GPS4,.GPS5,.GPS6{
    width: 200px;
    height: 80px;
    position: absolute;
    top: 100px;
    left:  126px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    z-index: 99;
}
.gps{
    position: relative;
    width: 150px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #cdd0c5;
    background: white;
    cursor: pointer;
}
.gps:hover{
    opacity: .8;
    -moz-opacity: .8;
    -webkit-opacity: .8;
    filter: alpha(opacity=80);
}
.gps img{
    position: absolute;
    top: -18px;
    left: -49px;
}
.chart{
    color: #ff5400;
}
.GPS2{
    top: 500px;
    left: 40px; 
}
.GPS3{
    top: 50px;
    left: 500px;        
}
.GPS4{
    top: 470px;
    left: 900px;    
}
.GPS5{
    top: 130px;
    left: 1050px;
}
.GPS6{
    top: 400px;
    left: 700px;
}
.gps01{
    width: 300px;
}
.gps02{
    width: 300px;
    padding-left: 10px;
}
.gps03{
    width: 260px;
}
.gps04{
    width: 260px;
    padding-left: 10px;
}
.gps05{
    width: 170px;
    padding-left: 10px;
}
.gps06{
    width: 260px;
    padding-left: 10px;
}